<%--
  Created by IntelliJ IDEA.
  User: 14811
  Date: 2022-4-15
  Time: 11:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/common/common.jsp" %>
<html>
<head>
    <title>Title</title>
    <script>
        $(function(){
            $('#table').bootstrapTable({
                url: '<%=path%>/travelRoute/getInfo',
                method: 'POST',                      //请求方式（*）
                contentType: "application/x-www-form-urlencoded",
                toolbar: '#toolbar',              //工具按钮用哪个容器
                striped: true,                      //是否显示行间隔色
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
                pageSize: 3,                     //每页的记录行数（*）
                pageList: [3,5,7,10,15],        //可供选择的每页的行数（*）
                sortable: true,                     //是否启用排序
                sortOrder: "desc",                   //排序方式
                sortName: "rid",                    //排序字段
                // search: true,                      //是否显示表格搜索
                // strictSearch: true,                 //严格搜索
                showColumns: true,                  //是否显示所有的列（选择显示的列）
                showRefresh: true,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                uniqueId: "rid",                     //每一行的唯一标识，一般为主键列
                showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: true,                  //是否显示父子表
                //得到查询的参数
                queryParams : function (params) {//params 自带的参数
                    //这里的键的名字和控制器的变量名必须一致，这边改动，控制器也需要改成一样的
                    var temp = {
                        pageSize: params.limit,                         //页面大小
                        pageNumber: (params.offset / params.limit) + 1,   //通过开始位置计算页码
                        cid: $("#cid").val(),
                        rname: $("#rname").val(),
                        sid: $("#sid").val(),
                    };
                    return temp;
                },
                columns: [{
                    checkbox: true,
                    visible: true                  //是否显示复选框
                },{
                    field: 'rid',
                    title: 'ID'
                }, {
                    field: 'rname',
                    title: '名称'
                }, {
                    field: 'price',
                    title: '价格'
                },{
                    field: 'routeintroduce',
                    title: '路线介绍'
                },{
                    field: 'rdate',
                    title: '日期'
                },{
                    field: 'cname',
                    title: '类型'
                },{
                    field: 'rimage',
                    title: '图片',
                    formatter:function (value, row, index) {
                        rimg = row.rimage
                        return "<img src='http://192.168.19.129:81/" + rimg + "' height='60px' width='60px'/>";
                    }
                }, {
                    field: 'isthemetour',
                    title: '主题',
                    formatter: function(value, row, index){
                        // value 代表当前的值   row代表当前的行  index代表当前的下标
                        if(value == 0){
                            return "主题旅游路线";
                        }else if(value == 1){
                            return "非主题旅游路线";
                        }
                    }
                },{
                    field: 'rflag',
                    title: '是否审核',
                    formatter: function(value, row, index){
                        var id = row.rid;
                        // value 代表当前的值   row代表当前的行  index代表当前的下标
                        if(value == 0){
                            return "未审核";
                        }else if(value == 1){
                            return "审核";
                        }else if(value == 2){

                            return  "驳回:<a href='javascript:toAudit(" + id + ")' class='btn btn-xs green'  title='重新上传'><span class='glyphicon glyphicon-ok'></span></a>";
                        }
                    }
                },{
                    title: '操作',
                    width: 120,
                    align: 'center',
                    valign: 'middle',
                    formatter: function(value, row, index){
                        var id = row.rid;
                        return  "<a href='javascript:deleteById(" + id + ")' class='btn btn-xs green'  title='删除'><span class='glyphicon glyphicon-remove'></span></a>" +
                            "<a href='javascript:toUpdate( " + id + ")' class='btn btn-xs blue' title='编辑'><span class='glyphicon glyphicon-pencil'></span></a>"
                    }
                },]
            });
        })

        function insert(){
            BootstrapDialog.show({
                title: '增加',
                type: BootstrapDialog.TYPE_DANGER,//显示标题颜色
                size: BootstrapDialog.SIZE_WIDE,//设置模态窗口大小的
                closable: false,  //关闭方式 true代表点击模态窗以外或者esc按钮可以关闭窗口 false则不可以
                message: $('<div></div>').load('<%=path%>/travelRoute/toAdd'),//加载远程页面的
                buttons: [{
                    label: '取消',
                    action: function (dialog) {//点击取消按钮回调函数
                        dialog.close();
                    }
                }, {
                    label: '确定',
                    action: function (dialog) {//点击确认按钮回调函数
                        //获取富文本框中的数据
                        var content = CKEDITOR.instances.routeintroduce.getData();
                        //alert(content);
                        $("[name=routeintroduce]").val(content);
                        $.ajax({
                            url : "<%=path%>/travelRoute/insertInfo",
                            dataType : "json",
                            type : "post",
                            data : $("#addRoute").serialize(),
                            success : function (data) {
                                toastr.success("增加电影成功");
                                dialog.close();
                                $('#table').bootstrapTable("refresh");
                            },
                            error : function (e) {
                                alert("系统错误")
                                console.log(e)
                            }
                        })
                    }
                }]
            });

        }
        function toAudit(id) {
            BootstrapDialog.show({
                title: '增加',
                type: BootstrapDialog.TYPE_DANGER,//显示标题颜色
                size: BootstrapDialog.SIZE_SMALL,//设置模态窗口大小的
                closable: false,  //关闭方式 true代表点击模态窗以外或者esc按钮可以关闭窗口 false则不可以
                message: "确认要重新上传吗?",//加载远程页面的
                buttons: [{
                    label: '取消',
                    action: function (dialog) {//点击取消按钮回调函数
                        dialog.close();
                    }
                }, {
                    label: '确定',
                    action: function (dialog) {//点击确认按钮回调函数 重新上传
                        $.ajax({
                            url : "<%=path%>/auditController/reUpload/"+id,
                            dataType : "json",
                            type : "post",
                            success : function (data) {
                                toastr.success("审核成功");
                                dialog.close();
                                $('#table').bootstrapTable("refresh");
                            },
                            error : function (e) {
                                alert("系统错误")
                                console.log(e)
                            }
                        })
                    }
                }]
            });
        }
        function toUpdate(id){
            BootstrapDialog.show({
                title: '修改',
                type: BootstrapDialog.TYPE_DANGER,//显示标题颜色
                size: BootstrapDialog.SIZE_WIDE,//设置模态窗口大小的
                closable: false,  //关闭方式 true代表点击模态窗以外或者esc按钮可以关闭窗口 false则不可以
                message: $('<div></div>').load('<%=path%>/travelRoute/toUpdate/' + id),//加载远程页面的
                buttons: [{
                    label: '取消',
                    action: function (dialog) {//点击取消按钮回调函数
                        dialog.close();
                    }
                }, {
                    label: '确定',
                    action: function (dialog) {//点击确认按钮回调函数
                        //获取chediot的数据
                        var s=CKEDITOR.instances.routeintroduce.getData();
                        //设置到textarea
                        $("#routeintroduce").html(s);
                        $.ajax({
                            url : "<%=path%>/travelRoute/updateRoute",
                            dataType : "json",
                            type : "post",
                            data : $("#updateRoute").serialize(),
                            success : function (data) {
                                toastr.success("修改年代成功");
                                dialog.close();
                                $('#table').bootstrapTable("refresh");
                            },
                            error : function (e) {
                                alert("系统错误")
                                console.log(e)
                            }
                        })
                    }
                }]
            });
        }
        function deleteById(id){
            if(confirm("确定删除当前路线吗")){
                $.ajax({
                    url : "<%=path%>/travelRoute/deleteRouteById/" + id,
                    dataType : "json",
                    type : "post",
                    success : function (data) {
                        toastr.success("删除路线成功");
                        $('#table').bootstrapTable("refresh");
                    },
                    error : function (e) {
                        alert("系统错误")
                        console.log(e)
                    }
                })
            }
        }
        function deleteBatch() {
            var ids = [];//得到用户选择的数据的ID
            var rows = $('#table').bootstrapTable('getSelections');
            $(rows).each(function (i,e) {
                ids.push(e.id);
            })
            if (ids.length<=0){
                toastr.error("请选择删除序号")
            }
            DeleteByIds(ids);
            //alert(ids)
        }
        function DeleteByIds(ids) {
            $.ajax({
                url: "<%=path%>/movie/deleteByIds",
                type: "post",
                data: {ids : ids} ,
                dataType: "json",
                async:false,
                success:function (data) {
                    toastr.success("删除成功")
                    getData();
                },
                error:function () {
                    toastr.error("异常")
                }
            })
        }
        function getData() {
            $("#table").bootstrapTable("refresh") //刷新
        }

    </script>
</head>
<body>
<div id="toolbar">
    <form class="form-inline" role="form">
        <div class="form-group">
            <label for="rname">线路名称</label>
            <input type="text" class="form-control" name="rname" id="rname" placeholder="请输入线路名称">
        </div>
        <div class="form-group">
            <label for="cid">线路类型</label>
            <select class="form-control" id="cid" name="cid">
                <option value="-1">请选择</option>
                <c:forEach items="${categories}" var="category">
                    <option value="${category.cid}">${category.cname}</option>
                </c:forEach>
            </select>
        </div>
        <div class="form-group">
            <label for="sid">商家</label>
            <select class="form-control" name="sid" id="sid">
                <option value="-1">请选择</option>
                <c:forEach items="${sellers}" var="seller">
                    <option value="${seller.sid}">${seller.sname}</option>
                </c:forEach>
            </select>
        </div>
        <button type="button" class="btn btn-success" onclick="getData()">搜索</button>
        <button type="button" class="btn btn-success" onclick="insert()">增加</button>


    </form>
</div>


<table id="table"></table>
</body>
</html>
